<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title><g:layoutTitle default="Church Connect" /></title>
    <link rel="stylesheet" type="text/css" href="${createLinkTo(dir:'css',file:'reset.css')}" />
    <link rel="stylesheet" type="text/css" href="${createLinkTo(dir:'css',file:'layout.css')}" />
    <link rel="stylesheet" type="text/css" href="${createLinkTo(dir:'css',file:'style.css')}" />
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="${createLinkTo(dir:'css',file:'ie.css')}" />
    <![endif]-->
    <link rel="shortcut icon" href="${createLinkTo(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
    <g:layoutHead />
    <g:javascript library="jquery"/>			
</head>
<body>
<div id="spinner" class="spinner" style="display:none;">
    <img src="${createLinkTo(dir:'images',file:'spinner.gif')}" alt="Spinner" />
</div>
    
<div id="wrapper">

    <div id="header">
        <h1>Header</h1>
    </div>

    <div id="col3wrap">
    <div id="col2wrap">

    <div id="col1wrap">
        <div id="col1">
        <g:layoutBody />
        </div>
    </div>

    <div id="col2">
        <h2>Column 2</h2>
    </div>

    <div id="col3">
        <h2>Column 3</h2>
    </div>

    </div>
    </div>
</div>

<div id="footer">
    <p>This page uses the <a href="http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm">Ultimate 'Holy Grail' 3 column Liquid Layout</a> by <a href="http://matthewjamestaylor.com">Matthew James Taylor</a>. View more <a href="http://matthewjamestaylor.com/blog/-website-layouts">website layouts</a> and <a href="http://matthewjamestaylor.com/blog/-web-design">web design articles</a>.</p>
</div>

</body>	
</html>